<!-- 车票查询 -->
<template>
  <div class="train-ticket">
    <div>
        <p class="query-time">9:18</p>
        <p class="station-name">泉州</p>
    </div>
    <div class="train-run-number">
        <p>2小时2分</p>
        <p>D6666</p>
    </div>
    <div>
        <p class="query-time">10:20</p>
        <p class="station-name">福州</p>

    </div>
    <div>
        <p class="product-price">￥86</p>
    </div>
  </div>
  <div class="train-ticket">
    <div>
        <p class="query-time">9:18</p>
        <p class="station-name">泉州</p>
    </div>
    <div class="train-run-number">
        <p>2小时2分</p>
        <p>D6666</p>
    </div>
    <div>
        <p class="query-time">10:20</p>
        <p class="station-name">福州</p>

    </div>
    <div>
        <p class="product-price">￥86</p>
    </div>
  </div>
</template>

<script setup lang="ts">

</script>

<style lang="less" scoped>
.train-ticket{
    border-bottom: 1px solid rgb(228, 222, 222);
    background: white;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 7px 0px;
    .product-price{
        color: #0a6f4d;

    }
    .query-time,.station-name{
        font-weight: bold;
        font-size: 12px;
    }
    .query-time{
        font-size: 16px;
    }
.train-run-number{
   p{
    font-size: 12px;
    color: #9ca1a0;
   }
}
    
}

</style>